<template>
  <el-card class="form-card interIfo">
    <div slot="header" class="label-header-msg">
      <span>行内信息</span>
    </div>
    <el-row :gutter="10">
      <el-col :span="8">
        <el-form-item label="中心状态" prop="pbocStatus" label-width="110px">
          <el-select v-model="dataDetail.pbocStatus">
            <el-option
              v-for="dict in dictMap.IBPS_PBOC_STATUS"
              placeholder="中心状态"
              :key="dict.value"
              :label="`${dict.text}`"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="交易状态" prop="status" label-width="110px">
          <el-select v-model="dataDetail.status">
            <el-option
              v-for="dict in dictMap.IBPS_STATUS"
              placeholder="交易状态"
              :key="dict.value"
              :label="`${dict.text}`"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="PlaceAndName" prop="plcandnm" label-width="110px">
          <el-input v-model="dataDetail.plcandnm" placeholder="PlaceAndName" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="10">
      <el-col :span="8">
        <el-form-item label="报文发送时间" prop="sndTime" label-width="110px">
          <el-date-picker
            v-model="dataDetail.sndTime"
            type="datetime"
            placeholder="报文发送时间"
            value-format="yyyyMMddHHmmss"
            style="width: 100%"
          ></el-date-picker>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="报文接收时间" prop="rcvTime" label-width="110px">
          <el-date-picker
            v-model="dataDetail.rcvTime"
            type="datetime"
            placeholder="录入时间"
            value-format="yyyyMMddHHmmss"
            style="width: 100%"
          ></el-date-picker>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="交易记录时间" prop="txTime" label-width="110px">
          <el-date-picker
            v-model="dataDetail.txTime"
            type="datetime"
            placeholder="录入时间"
            value-format="yyyyMMddHHmmss"
            style="width: 100%"
          ></el-date-picker>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-form-item label="版本号" prop="version" label-width="110px">
        <el-input v-model="dataDetail.version" placeholder="版本号" />
      </el-form-item>
    </el-row>
    <el-row :gutter="10">
      <el-col :span="8">
        <el-form-item label="最后一次状态变更时间" prop="statTime">
          <el-date-picker
            v-model="dataDetail.statTime"
            type="datetime"
            placeholder="复核时间"
            value-format="yyyyMMddHHmmss"
            style="width: 100%"
          ></el-date-picker>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="原交易标识号" prop="ckTlrno" >
          <el-input v-model="dataDetail.ckTlrno" placeholder="复核操作员" />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="原发起参与机构行号" prop="oriSender">
          <el-input v-model="dataDetail.oriSender" placeholder="原发起参与机构行号" />
        </el-form-item>
      </el-col>
    </el-row>
  </el-card>
</template>
<script>
import { formatDate } from "@/utils";
export default {
  name: "queryDetailInterInfo",

  props: {
    dictMap: {
      type: Object,
      default: () => {
        return {};
      },
    },
    dataDetail: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      busTypeList: [],
    };
  },
  mounted() {},
  methods: {},
};
</script>
<style>
.label-header-msg {
  font-weight: bold;
}

.form-card {
  margin-bottom: 10px;
}
</style>
